<template>
  <div class="magicBox">
    <Nav></Nav>

    <div class="magicBoxMain">

      <div class="title">
        <h3>
          新媒体百宝箱
        </h3>
        <p>
          19个新媒体工具
        </p>
      </div>

      <div class="magicBoxMainCon">

        <div class="boxCon">
          <h3>
            排版工具•4个
          </h3>

          <ul>
            <li>
              <div class="tu">
                <img src="@/assets/img/magicBox/mb_00.jpg" alt="">
              </div>
              <div class="txt">
                <p>
                  壹伴
                </p>
                <span>
                  100万新媒体人都在用的公...
                </span>
              </div>
            </li>
            <li>
              <div class="tu">
                <img src="@/assets/img/magicBox/mb_01.jpg" alt="">
              </div>
              <div class="txt">
                <p>
                  135编辑器
                </p>
                <span>
                  写手们都在用的公众号排版涨...
                </span>
              </div>
            </li>
            <li>
              <div class="tu">
                <img src="@/assets/img/magicBox/mb_02.jpg" alt="">
              </div>
              <div class="txt">
                <p>
                  96编辑器
                </p>
                <span>
                  专注图文排版，提升工作效率
                </span>
              </div>
            </li>
            <li>
              <div class="tu">
                <img src="@/assets/img/magicBox/mb_03.png" alt="">
              </div>
              <div class="txt">
                <p>
                  秒书
                </p>
                <span>
                  高效写作图文排版工具
                </span>
              </div>
            </li>

          </ul>

        </div>

      </div>

    </div>

  </div>
</template>

<script>
  import Nav from "@/components/nav.vue";

  export default{
    name: 'MagicBox',
    data(){
      return{

      }
    },
    components: {
      Nav
    },
    methods:{

    }
  }
</script>

<style lang="less" scoped="scoped">
  @import "../assets/css/magicBox.less";
</style>
